<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .box{
        height: 300px; width: 400px; margin: auto; 
          margin-top: 70px;  margin-bottom: 80px; margin-left: 500px; margin-right: 300px;
         border-left: 10px solid red ;
         border-right: 15px solid blue;
          border-bottom: 14px solid darkkhaki;
        border-top: 19px solid goldenrod;
        padding: 20px 30px 500px 90px;
        
    }
   
    .tupian{
        background-image: url(CSShezimoxingssma.png);background-size: cover; width: 400px; height: 300px;
    }
    
    
</style>
<body>
    <div class="box">

        <div class="tupian"> </div>
           
        
    </div>
</body>
</html>